<extend name="Public/base"/>
<block name="style">
    <link rel="stylesheet" type="text/css" href="__CSS__/kan.css">
</block>
<block name="body">
    <!-- 标题栏 -->
    <div class="main-title">
        <h2>[{$model['title']}] 列表</h2>
    </div>
	<div class="cf">
		<div class="fl">
		<empty name="model.extend">
			<div class="tools">
                                <a class="btn" href="javascript:void(0);">共 {$_count|default=0} 系列</a>
				<a class="btn" href="javascript:void(0);" onclick="javascript:history.back(-1);">返 回</a>
				<!--button class="btn ajax-post confirm" target-form="ids" url="{:U('del?model='.$model['id'])}">删 除</button>
				<button class="btn ajax-post confirm" target-form="ids" url="javascript:void(0);">删 除</button-->
			</div>
		</empty>
		</div>
		<!-- 高级搜索 -->
		<div class="search-form fr cf">
			<div class="sleft">
				<input type="text" name="{$model['search_key']|default='title'}" class="search-input" value="{:I('title')}" placeholder="请输入关键字">
				<a class="sch-btn" href="javascript:;" id="search" url="{:U('Su/lists','status=1&model='.$model['name'],false)}"><i class="btn-search"></i></a>
			</div>

		</div>
	</div>
    <!-- 数据列表 -->
    <div class="data-table">
        <div class="data-table su-wttai table-striped listitems">
            <ul class="su_img_ul">
                <volist name="list_data" id="data">
                <li>
                    <a href="{:U('Su/lists?model=items&status=1&cat_code='.$data['id'])}">
                        <dl>
                            <?php if (!empty($data['s_url'])): ?>
                                <dt><img src="{$data.s_url}" onerror="javascript:this.src='http://mall.wttai.com/data/upload/cms/no_cover.png'" /> </dt>
                            <?php endif; ?>
                            <dd class="su-title">{$data.title}</dd>
                        </dl>
                    </a> 
                </li>  
                </volist>
            </ul>
        </div>
    </div>
    <div class="page">
        {$_page|default=''}
    </div>
</block>

<block name="script">
<script type="text/javascript">
$(function(){
	//搜索功能
	$("#search").click(function(){
		var url = $(this).attr('url');
        var query  = $('.search-form').find('input').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
        query = query.replace(/^&/g,'');
        if( url.indexOf('?')>0 ){
            url += '&' + query;
        }else{
            url += '?' + query;
        }
		window.location.href = url;
	});

    //回车自动提交
    $('.search-form').find('input').keyup(function(event){
        if(event.keyCode===13){
            $("#search").click();
        }
    });
})
</script>
</block>
